<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">

	<title>운세의신</title>
    
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/sub.css">
	<link rel="stylesheet" type="text/css" href="/css/free.css">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
			// 메뉴 링크 설정
			$("#wt ul li a").each(function(index) {
				$(this).click(function() {
					resetClass("wt");
					$("#wblood").val($(this).text());
					$(this).removeClass().addClass('on'+(index+1));
				});
			});

			$("#mt ul li a").each(function(index) {
				$(this).click(function() {
					resetClass("mt");
					$("#mblood").val($(this).text());
					$(this).removeClass().addClass('on'+(index+1));
				});
			});
		});
		
		function resetClass(id) {
			$("#"+id+" ul li a").removeClass();
			$("#"+id+" ul li a").each(function(index) {
				$(this).addClass('type0'+(index+1));
			});
		}
		
		function goResult() {
			var wblood = $("#frm #wblood").val();
			var mblood = $("#frm #mblood").val();
			if (wblood == '' || mblood == '') {
				alert("혈액형을 선택하세요.");
				return false;
			}
			$("#frm #what").val(mblood+','+wblood);
			$("#frm").submit();
		}
	</script>

</head>
<body>
<form method="post" id="frm" action="/unse/free/bloodgunghap/result">
	<input type="hidden" name="mblood" id="mblood" />
	<input type="hidden" name="wblood" id="wblood" />
	<input type="hidden" name="what" id="what" />
</form>

<!-- 운세 결과 로딩중 -->
<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/unse/loading.php'; ?>
<!--// 운세 결과 로딩중 -->

<div id="wrap">

	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/drape.php'; ?>
	<!--//커튼 데코레이션-->
    
    <!--컨텐츠-->
	<div id="content">
		<!--휘장-->
		<div class="keybox1"> </div>
		<!--//휘장-->
		
		<p class="key_visual"><img src="/images/sub/free/free_visual.png" alt="무료운세" /></p>	
		
		<!--왼쪽컨텐츠-->
		<div class="assistant">
			<!--왼쪽 메뉴-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/inc_lnb.php'; ?>
			<!--// 왼쪽 메뉴-->

			<!--추천테마-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/theme2.php'; ?>
			<!--//추천테마-->

			<!--회원가입-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/member_join.php'; ?>
			<!--//회원가입-->

			<!--고객센터-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/cs.php'; ?>
			<!--//고객센터_추가-->
		</div>
		<!--//왼쪽컨텐츠-->

		<!-- 메인컨텐츠-->
		<div class="cont">
	 	<!-- Contents -->
	
			<div class="blood2">
            <h3 class="freetit"><img src="/images/free/blood_banner1.png" alt="혈액형궁합" /></h3>
				<div class="bdgbox">
					<div class="wtype blind" id="mt">
						<ul>
							<li><a href="javascript:;" class="type01">A</a></li>
							<li><a href="javascript:;" class="type02">B</a></li>
							<li><a href="javascript:;" class="type03">O</a></li>
							<li><a href="javascript:;" class="type04">AB</a></li>
						</ul>
					</div><!--mtype-->
					<div class="mtype blind" id="wt">
						<ul>
							<li><a href="javascript:;" class="type01">A</a></li>
							<li><a href="javascript:;" class="type02">B</a></li>
							<li><a href="javascript:;" class="type03">O</a></li>
							<li><a href="javascript:;" class="type04">AB</a></li>
						</ul>
					</div><!--wtype-->
					<div class="bt"><a href="javascript:;" onclick="goResult()"><img src="/images/common/bt_result.png" alt="결과보기" /></a></div><!--bt-->
				</div><!--bdgbox-->
			</div><!--blood2-->
             	<!--하단컨텐츠--> 
                <!--//하단컨텐츠--> 
	
	<!--// Contents -->
		</div>
        <!--// 메인컨텐츠-->
        <!--서비스배너-->
        <? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/bn_service.php'; ?>
        <!--//서비스배너--> 
        </div>
        

	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
   
</div>
</body>
</html>